.header-nav {
    // width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    // position: relative;
    >ul {
        width: 600px;
        display: flex;
        height: 30px;
        >li {
            height: 30px;
            position: relative;
            // text-align: center;
            line-height: 30px;
            font-size: 12px;
            padding: 0 20px 0 10px;
            display: flex;
            a {
                color: #a5a5a5;
                display: inline;
            }
            i {
                width: 7px;
                height: 4px;
                overflow: hidden;
                background: url('../../img/ui.png');
                display: inline-block;
                position: absolute;
                top: 12px;
                right: 8px;
                background-position: -62px -433px;
                // display: inline-block;
            }
            .two {
                position: absolute;
                top: 5px;
                left: -13px;
                width: 22px;
                height: 22px;
                background-position: 2px -513px;
            }
            .three {
                position: absolute;
                top: 5px;
                left: -13px;
                width: 22px;
                height: 22px;
                background-position: 2px -513px;
            }
            div {
                width: 200px;
                height: 120px;
                position: absolute;
                top: 30px;
                left: 0;
                background-color: white;
                border: 1px solid black;
                line-height: 120px;
                display: none;
                a {
                    color: blue;
                }
            }
        }
        li:hover a {
            color: #b20fd3;
        }
        li:hover .vip {
            background-position: -62px -471px;
        }
        li:hover div {
            display: block;
            z-index: 1;
        }
        .one {
            >i {
                display: inline-block;
                width: 12px;
                height: 13px;
                background-position: -145px -1496px;
                margin-left: 5px;
                margin-top: -4px;
                background-repeat: no-repeat;
            }
            a {
                color: #b20fd3;
            }
        }
        // .big {
        //     width: 90px;
        // }
    }
    >.header-nav-right {
        justify-content: space-between;
    }
}